<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Development Manual</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link rel="stylesheet" href="../css/bootstrap.css">
<link rel="stylesheet" href="../css/bootstrap-theme.css">
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript">
$(function(){

}
</script>
<style type="text/css">
.footer { font-size:12px;margin-left: auto; margin-right:auto; *zoom: 1;}
</style>
</head>

<body>

<div class="panel">
    <h3 class="panel-heading">Button Style</h3>
    <button class="btn">Basic Button</button>
    <button class="btn btn-primary">Primary Button</button>
    <button class="btn btn-success">Success Button</button>
    <button class="btn btn-warning">Warning Button</button>
    <button class="btn btn-info">Info Button</button>
    <button class="btn btn-danger">Danger Button</button>

</div>

<div class="well">
    <h3 class="panel-heading">Button Sizes</h3>
    <button class="btn">Basic Button</button>
    <button class="btn btn-lg btn-success"> Large Button</button>
    <button class="btn btn-success">Standard Button</button>
    <button class="btn btn-sm btn-success">Small Button</button>
</div>

<div class="well">
    <h3 class="panel-heading">Block Button</h3>
    <button class="btn">Basic Button</button>
    <button class="btn btn-block btn-lg btn-success"> Large Button</button>
    <button class="btn btn-block btn-success">Standard Button</button>
    <button class="btn btn-block btn-sm btn-success">Small Button</button>
</div>
<div id="footer">
Copyright &copy; 2009-2010 <a
    href="mailto:walter.fan@gmail.com"> <em>Walter Fan</em></a> all rights
reserved.
</div>

</body>
</html>
